<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>登录</title>
  <style>
    *{
<<<<<<< HEAD
      padding: 10px;
      margin: 0;
      text-decoration: none;
    }
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      background-color: #a29bfe;
      background-image: url('../asset/img/background.png');
      background-size: cover;
    }
    .Login{
      width: 550px;
      height: 800px;
      display: flex;
      border-radius: 30px;
      justify-content: center;
      align-items: center;
      background: linear-gradient(
              to right bottom,
              rgba(255,255,255,.7),
              rgba(255,255,255,.5),
              rgba(255,255,255,.4)
      );
      /* 使背景模糊化 */
      backdrop-filter: blur(10px);
      box-shadow: 0 0 20px #a29bfe;
    }
    .table{
      font: 900 40px '';
      text-align: center;
      letter-spacing: 5px;
      color: #3d3d3d;
    }
    .box{
      overflow: hidden;
    }

    .box input{
      width: 95%;
      margin-bottom: 20px;
      outline: none;
      border: 0;
      padding: 10px;
      border-bottom: 3px solid rgb(150, 150, 240);
      background-color: transparent;
      font: 900 16px '';
    }
    .go{
      text-align: center;
      display: block;
      height: 57px;
      padding: 12px;
      font: 900 20px '';
      border-radius: 10px;
      margin-top: 20px;
      color: #fff;
      letter-spacing: 3px;
      background-image: linear-gradient(to left, #fd79a8, #a29bfe);
    }
    .tips {
      padding: 0;
    }
=======
      padding: 0;
      margin: 0;
      text-decoration: none;
    }
>>>>>>> 6a7391c92d99fa125444951d95b61fcdefc2a0f6
  </style>
</head>
<body>
<div class="Login">
  <div class="box">
    <p class="table">Login</p>
    <br>
    <form action="${pageContext.request.contextPath}/loginIn" method="post">
      <input type="text" name="username" placeholder="账号">
      <input type="password" name="password" placeholder="密码">
      <br>
      <button class="go" type="submit">登录</button>
    </form>
    <br>
    <div class="tips">
      <span>还没有一个账户?</span><span>
      <a href="${pageContext.request.contextPath}/signPages">注册.</a></span>
    </div>
  </div>
</div>

<!-- 检查是否有错误信息 -->
<c:if test="${not empty errorMessage}">
  <script>
    alert("${errorMessage}");
  </script>
</c:if>
</body>
</html>